<template>
    <div class="empty" v-if="dataState">没有找到匹配的记录</div>
</template>

<script>
    export default {
        name: "emptyInfo",
        props: {
            dataState: {
                type: Boolean,
                default: () => {
                    return false
                }
            }
        }
    }
</script>

<style scoped lang="stylus">
    .empty
        position: absolute
        top: 50%
        left: 50%
        transform: translate(-50%, -50%)
        text-align: center
        font-size: 14px
        color: #fff
</style>